﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.13/lib/theme-chalk/index.min.css" />
		<script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.13/lib/index.min.js"></script>
	</head>
	<body>
		<div id="app">
			<h3 style="text-align: center;">我的参拍</h3>
			<template>
				<el-table
				:data="orders"
				style="width: 100%">
					<el-table-column
							label="拍品信息"
							width="180">
						<template slot-scope="scope">

							<spam style="margin-left: 10px">{{scope.row.pname}}</spam>
							<el-image :src="scope.row.pimgs" style="width: 150px;height: 150px"></el-image>
						</template>
					</el-table-column>
					<el-table-column
							label="价格"
							width="180">
						<template slot-scope="scope">

							<spam style="margin-left: 10px">{{scope.row.price}}</spam>
						</template>
					</el-table-column>
					<el-table-column
							label="操作"
							width="180">
						<template slot-scope="scope">
							<el-button
									@click="session()"
									type="primary"
									size="small"
									v-show="scope.row.state==1">
								进入
							</el-button>
							<spam style="margin-left: 10px"></spam>
						</template>
					</el-table-column>
				</el-table>
			</template>
		</div>
		<script>
			var app = new Vue({
				el: "#app",
				data: {
					orders:[{
						pname:'九龙杯',
						pimgs:"http://192.168.201.136:10002/imgs/5325219a7de3d660102e5f6be57fd6a5.jpg",
						price:'2000',
						state:1
					}],
					//
				},
				methods: {
					session:function (){
						alert("进入当前拍卖品的场次")
					}
					//
				}
			});
		</script>
	</body>
</html>